<template>
  <div id="app">
    <!-- <div class="main-out"> -->
     <router-view></router-view>
    <!-- </div> -->
  </div>

</template>
<script>
export default{
  name: 'App',
}
</script>

<script>
//移动端适配
  function resetFontSize() {
      var baseFontSize = 100
      var designWidth = 750
      var width = window.innerWidth
      var currentFontSize = (width / designWidth) * baseFontSize
      document.getElementsByTagName('html')[0].style.fontSize = currentFontSize + 'px'
  }
  window.onresize = function () {
      resetFontSize()
  };
  resetFontSize()
  

// // 禁止遮罩层下方滑动
// 禁止遮罩层下方滑动
// document.documentElement.style.overflowY="hidden"
</script>

<style lang="less">
#app{
  height: 100%;
  overflow: hidden;
  font-size: 0.24rem;
}
// .main-out{
//   position: relative;
//     height: 100%;
//     padding-top: 1.2rem;
//     padding-bottom: 0.9rem;
//     font-size: .24rem;
//     -webkit-box-sizing: border-box;
//     box-sizing: border-box;
// }
</style>
